<g-message-panel [title]="title" [smallTitle]="smallTitle">
  <div>
    <b>{{ numOne }}</b>
    <span>{{ tipOne }}</span>
  </div>
  <div>
    <b [class.danger]="numTwo>0" [class.primary]="numTwo<0">{{ numTwo>=0? '+'+numTwo:numTwo }}</b>
    <span>{{ tipTwo }}</span>
  </div>
</g-message-panel>
